<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title></title>
    <!-- jQuery Include | MAKE SURE TO INCLUDE BEFORE ANGULAR -->
    <script src="../js/jquery-1.9.1.js"></script>
    <!-- Mobiscroll JS and CSS Includes -->
    <link href="css/mobiscroll.custom-2.17.1.min.css" rel="stylesheet" type="text/css" />
    <script src="js/mobiscroll.custom-2.17.1.min.js" type="text/javascript"></script>

</head>
<body>

<select id="demo">
    <option value="1">Atlanta</option>
    <option value="2">Berlin</option>
    <option value="3">Boston</option>
    <option value="4">Chicago</option>
    <option value="5">London</option>
    <option value="6">Los Angeles</option>
    <option value="7">New York</option>
    <option value="8">Paris</option>
    <option value="9">San Francisco</option>
</select>

<script>
    $(function() {

        $('#demo').mobiscroll().select({
            theme: 'mobiscroll',
            showInput : false,
            display: 'inline',
            minWidth: 400
        });
    });
</script>

</body>
</html>